<template>
  <div class="hd-main clearfix">
    <div class="container w">
      <side-bar></side-bar>
      <swiper></swiper>
      <more-footer></more-footer>
    </div>
  </div>
</template>

<script>
import SideBar from "./SideBar.vue";
import Swiper from "./Swiper.vue";
import MoreFooter from "./MoreFooter.vue";
export default {
  name: "HdMain",
  components: {
    SideBar,
    Swiper,
    MoreFooter,
  },
};
</script>
<style lang="less" scoped>
.hd-main {
  padding-bottom: 25px;
}
</style>